<%@ page contentType="text/html;charset=UTF-8" %>

<div class="sidebar-header d-flex align-items-center">
    <div id="avatar" class="avatar">
        <c:if test="${userBaseInfo.pic == null || userBaseInfo.pic == ''}">
            <img id="sideImg" src="${pageContext.request.contextPath}/assets/img/avatar-6.jpg" alt="..." class="img-fluid rounded-circle" >
        </c:if>

        <c:if test="${userBaseInfo.pic != null && userBaseInfo.pic != ''}">
            <img id="sideImg" src="${userBaseInfo.pic}" style="width: 60px;height: 60px" alt="..." class="img-fluid rounded-circle" >
        </c:if>

    </div>
    <div class="title">
        <h1 class="h5">${sessionScope.userBaseInfo.real_name}</h1>
        <p>${sessionScope.userBaseInfo.dept_name}</p>
    </div>
</div>